<template>
  <div>
    <div>
      <el-steps direction="vertical" :active="number" space="500%">
        <el-step title="步骤 1"></el-step>
        <el-step title="步骤 2"></el-step>
        <el-step title="步骤 3" description="步骤完成"></el-step>
      </el-steps>
    </div>
    <el-button type="success" @click="addStep()">增加步骤</el-button>
  </div>
</template>
<script>
import { login } from "./env/service";
import { setStorageToken } from "@/config/localUtils";
export default {
  data() {
    return {
      number: 0
    };
  },
  mounted() {
    //this.test();
  },
  created() {
    //this.test();
  },
  methods: {
    ///　增加步骤条的步数
    addStep() {
      this.number++;
      sessionStorage.setItem("key", this.number1); // 保存到本地
    },
    ///　清除步数
    resize() {
      this.number = 1;
      sessionStorage.setItem("key", this.number1);
    }
  }
};
</script>
